<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<link href="/shopping/css/zzsc.css" rel="stylesheet" type="text/css" />
<script src="/shopping/js/jquery.SuperSlide.2.1.1.js"
	type="text/javascript"></script>
<script src="/shopping/js/cateleft.js" type="text/javascript"></script>

<div id="nav">
	<ul class="tit">
		<s:iterator value="cats" var="c1">
			<li class="mod_cate">
				<h2>
					<i class="arrow_dot fr"></i><a href="#">${c1.name }</a>
				</h2>
				<div class="mod_subcate">
					<div class="mod_subcate_main">
						<s:iterator value="#c1.categories" var="c2">
							<dl>
								<dt>
									<a href='#'>${c2.name}&nbsp;></a>
								</dt>
								<s:iterator value="#c2.categories" var="c3">
									<dd>
										<a
											href='/shopping/main/booklist?c1=${c2.id }&c2=${c3.id }'>|${c3.name}</a>
									</dd>
								</s:iterator>
							</dl>
						</s:iterator>
						<div class="mod_subcate_channel"></div>
					</div>
					<div class="mod_subcate_side">
						<div class="mod_subcate_side_hd">热门品牌</div>
						<ul class="mod_subcate_side_brand clearfix">
							<li></li>
						</ul>
						<div class="mod_subcate_side_hd">热门活动</div>
						<ul class="mod_subcate_side_hotlist">
							<li><a href="#">广告位</a></li>
							<li><a href="#">广告位</a></li>
						</ul>
						<a class="mod_subcate_gg" href="#"></a>
					</div>
				</div>
			</li>
		</s:iterator>
	</ul>
</div>
